<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>首页</title>

		<link href="AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

		<link href="basic/css/demo.css" rel="stylesheet" type="text/css" />

		<link href="css/hmstyle.css" rel="stylesheet" type="text/css"/>
		<link href="css/skin.css" rel="stylesheet" type="text/css" />
		<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<script src="AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
		<style type="text/css">
			.huahua{
				height:800px;
				 background-color:#ffffff;;
			}
			.you-like{
				height:800px;
				 background-color:#EEEEE0;
	
			}
			.yd{
			  width: 190px;
			  height: 200px;
			
			  margin-top:20px;
			  overflow: hidden;
			}
			.yd{
				 cursor: pointer;
  				transition: all 0.6s;
			}
			.yd img:hover{
			  transform: scale(1.4);
			}
		</style>
		<script type="text/javascript">
		
		$.ajax({
             	  url:"product.do?type=query",//请求的url
             	  type:"POSt",//请求方式
             	  dataType:"JSON",//服务器返回的数据类型
             	  data:{school:school.val(),beginTime:beginTime.val(),schooling:schooling.val(),profession:profession.val()},
             	  success:function(data){//返回成功的操作
             	
             	   if(data.code=='0'){
             	   var edushow=$("#educationshow");
             	   var s="";
             	    edushow.show();//显示教育经历div
             	    edushow.empty();//清空div下所有的子元素，（不包含本身）
             	   var str="";
             	    $.each(data.prolist,function(index,obj){
             	    	html="<li class='tn-border-gray tn-border-bottom'> <p class='tn-name' title='青软实训' ></p>"+
             	    		"<input type='hidden' name='education_id' value='"+obj.education_id+"'></input>"+
				            "<p class='tn-name' title='青软实训'>"+obj.school+"</p>"+
				            "<a>"+obj.product_name+"</a>"+"<a>"+obj.product_price+"</a>"+"<a>"+obj.product_describe+"</a>"+
				            "<span class='tn-actions'><a href='javascript:void(0)' class='tn-action tn-action-text-icon'  onclick='modify(this)'><span class='tn-icon it-icon-modify' ></span><span class='tn-action-text'>修改</span></a> <a href='javascript:void(0)' class='tn-action tn-action-text-icon tn-delete' >"+
					        "<span class='tn-icon it-icon-delete'></span><span class='tn-action-text'>删除</span></a></span></li>";
			              s+=html;
             	    });
             	    
             	    
             	   
             	    var ul="</ul>";
             	    var result=str+s+ul;
             	    $(result).appendTo(edushow); 
             	    $("#educationadd").hide();
             	   
             	   }
             	   
             	  },
                  error:function(){//请求失败要执行的操作
                  alert("error");
                  }
             });
           
		</script>
	</head>

	<body>
		<div class="hmtop">
			<!--顶部导航条 -->
			<div class="am-container header">
				<jsp:include page="top.jsp"></jsp:include>
				</div>

				<!--悬浮搜索框-->
				<form action="login.do?type=spQuery" method="post">
				
				<div class="nav white">
					<div class="logo"><img src="images/hualilogo.png" /></div>
					<div class="logoBig">
						<li><img src="images/hualilogo.png" /></li>
					</div>

					<div class="search-bar pr">
						<a name="index_none_header_sysc" href="#"></a>
						<form>
							<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;搜索您想要的鲜花" autocomplete="off">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>
			<div class="banner">
	            <!--轮播 -->
				<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
					<ul class="am-slides">
						<li class="banner2"><a><img src="images/ad2.jpg" style="width: 1690px;"/></a></li>
						<li class="banner4"><a><img src="images/ad1.jpg" style="width: 2000px;"/></a></li>
						<li class="banner4"><a><img src="images/ad4.jpg" style="width: 2000px;"/></a></li>
	
					</ul>
				</div>
				<div class="clear"></div>	
			</div>
			<div class="shopNav">
				<div class="slideall">
					
					   <div class="long-title"><span class="all-goods">首页</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="search.html">全部</a></li>
                                <li class="qc"><a href="#">秒杀</a></li>
                                <li class="qc"><a href="#">限时抢</a></li>
                                <li class="qc"><a href="#">团购</a></li>
							</ul>
						   
						</div>					
		        				
						<!--侧边导航 -->
				
						
						
						<!--轮播-->
						
						<script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script>



					<!--小导航 -->
					<div class="am-g am-g-fixed smallnav">
						<div class="am-u-sm-3">
							<a href="sort.html"><img src="images/navsmall.jpg" />
								<div class="title">商品分类</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="images/huismall.jpg" />
								<div class="title">大聚惠</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="images/mansmall.jpg" />
								<div class="title">个人中心</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="images/moneysmall.jpg" />
								<div class="title">投资理财</div>
							</a>
						</div>
					</div>

					<!--走马灯 -->

					<div class="marqueen">
						<span class="marqueen-title">商城头条</span>
						<div class="demo">

							<ul>
								<li class="title-first"><a target="_blank" href="#">
									<img src="images/TJ2.jpg"></img>
									<span>[特惠]</span>商城爆品1分秒								
								</a></li>
								<li class="title-first"><a target="_blank" href="#">
									<span>[公告]</span>商城与广州市签署战略合作协议
								     <img src="images/TJ.jpg"></img>
								     <p>XXXXXXXXXXXXXXXXXX</p>
							    </a></li>
							    
						<div class="mod-vip">
							<div class="m-baseinfo">
								<a href="person/index.html">
									<img src="images/getAvatar.do.jpg">
								</a>
								<em>
									Hi,<span class="s-name">小叮当</span>
									<a href="#"><p>点击更多优惠活动</p></a>									
								</em>
							</div>
							<div class="member-logout">
								<a class="am-btn-warning btn" href="login.html">登录</a>
								<a class="am-btn-warning btn" href="register.html">注册</a>
							</div>
							<div class="member-login">
								<a href="#"><strong>0</strong>待收货</a>
								<a href="#"><strong>0</strong>待发货</a>
								<a href="#"><strong>0</strong>待付款</a>
								<a href="#"><strong>0</strong>待评价</a>
							</div>
							<div class="clear"></div>	
						</div>																	    
							    
								<li><a target="_blank" href="#"><span>[特惠]</span>洋河年末大促，低至两件五折</a></li>
								<li><a target="_blank" href="#"><span>[公告]</span>华北、华中部分地区配送延迟</a></li>
								<li><a target="_blank" href="#"><span>[特惠]</span>家电狂欢千亿礼券 买1送1！</a></li>
								
							</ul>
                        <div class="advTip"><img src="images/advTip.jpg"/></div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<script type="text/javascript">
					if ($(window).width() < 640) {
						function autoScroll(obj) {
							$(obj).find("ul").animate({
								marginTop: "-39px"
							}, 500, function() {
								$(this).css({
									marginTop: "0px"
								}).find("li:first").appendTo(this);
							})
						}
						$(function() {
							setInterval('autoScroll(".demo")', 3000);
						})
					}
				</script>
			</div>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">

					<!--今日推荐 -->

					<div class="clear "></div>
					<!--热门活动 -->

					<div class="am-container activity ">
						<div class="shopTitle ">
							<h4>活动</h4>
							<h3>每期活动 优惠享不停 </h3>
							<span class="more ">
                              <a href="# ">全部活动<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					  <div class="am-g am-g-fixed ">
						<div class="am-u-sm-3 ">
							<div class="icon-sale one "></div>	
								<h4>秒杀</h4>							
							<div class="activityMain ">
								<img src="images/tj.png "></img>
							</div>
							<div class="info ">
								<h3>开年福利篇</h3>
							</div>														
						</div>
						
						<div class="am-u-sm-3 ">
						  <div class="icon-sale two "></div>	
							<h4>特惠</h4>
							<div class="activityMain ">
								<img src="images/tj1.png "></img>
							</div>
							<div class="info ">
								<h3>让爱早回家</h3>								
							</div>							
						</div>						
						
						<div class="am-u-sm-3 ">
							<div class="icon-sale three "></div>
							<h4>团购</h4>
							<div class="activityMain ">
								<img src="images/tj2.png "></img>
							</div>
							<div class="info ">
								<h3>浪漫情人节</h3>
							</div>							
						</div>						

						<div class="am-u-sm-3 last ">
							<div class="icon-sale "></div>
							<h4>超值</h4>
							<div class="activityMain ">
								<img src="images/tj3.png "></img>
							</div>
							<div class="info ">
								<h3>送礼优选</h3>
							</div>													
						</div>

					  </div>
                   </div>
					<div class="clear "></div>


                    <div id="f1">
					<!--甜点-->
					
						<div class="am-container ">
						<div class="shopTitle ">
							<h4>鲜花</h4>
							<h3>见你如初见</h3>
							<div class="today-brands ">
								<a href="# ">玫瑰</a>
								<a href="# ">月季</a>
								<a href="# ">满天星 </a>
								<a href="# ">百合</a>
								<a href="# ">康乃馨</a>
								<a href="# ">向日葵</a>
							</div>
							<span class="more ">
                    		<a href="# ">更多<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
						
						<div class="huahua">
							<div class="col-md-3">
								<div class="am-g am-g-fixed floodFour">
									<div class=" text-three ">
										<div class="outer-con ">
											<div class="title ">
											幸福约定甜蜜玫瑰花
											</div>
											<div class="sub-title ">
											¥520.00
											</div>
											<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
										</div>
									<a href="introduction.jsp"><img src="images/4.jpg" /></a>
								</div>
								</div>
							</div>
							<div class="col-md-3">
								<div class="am-g am-g-fixed floodFour">
									<div class=" text-three ">
										<div class="outer-con ">
											<div class="title ">
											幸福约定甜蜜玫瑰花
											</div>
											<div class="sub-title ">
											¥520.00
											</div>
											<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
										</div>
									<a href="introduction.jsp"><img src="images/4.jpg" /></a>
								</div>
								</div>
							</div>
							<div class="col-md-3">
								<div class="am-g am-g-fixed floodFour">
									<div class=" text-three ">
										<div class="outer-con ">
											<div class="title ">
											幸福约定甜蜜玫瑰花
											</div>
											<div class="sub-title ">
											¥520.00
											</div>
											<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
										</div>
									<a href="introduction.jsp"><img src="images/4.jpg" /></a>
								</div>
								</div>
							</div>
							<div class="col-md-3">
								<div class="am-g am-g-fixed floodFour">
									<div class=" text-three ">
										<div class="outer-con ">
											<div class="title ">
											幸福约定甜蜜玫瑰花
											</div>
											<div class="sub-title ">
											¥520.00
											</div>
											<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
										</div>
									<a href="introduction.jsp"><img src="images/4.jpg" /></a>
								</div>
								</div>
							</div>
						
								<c:forEach  items="${prolist}" var="proinfo">
										<div class="col-md-3" style="margin-top:20px;">
											<div class="am-g am-g-fixed floodFour">
												<div class=" text-three ">
													<div class="outer-con ">
														<div class="title ">
														商品名称：<a>${proinfo.product_name }
														</div>
														<div class="sub-title ">
														价格：<a>${proinfo.product_price }</a>
														</div>
														<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
													</div>
													<a href="details.do?type=query&productID=${proinfo.product_id}">
														<p>
															<c:if test="${empty proinfo.product_pic}">
																<img src="<%=basePath%>images/1.jpg">
															</c:if>
															<c:if test="${!empty proinfo.product_pic}">
																<img src="<%=basePath%>images/${proinfo.product_pic}" width="150" height="160">
															</c:if>
														</p>
													<a>
												</div>
											</div>
										</div>
								</c:forEach>					
							
								 
								 
							<%-- <div style="margin-left:50px;">
								<c:forEach  items="${prolist}" var="proinfo">
											<div class="col-md-4">
												<a href="details.do?type=query&productID=${proinfo.product_id}">
													<p class="yd">
														<c:if test="${empty proinfo.product_pic}">
															<img src="<%=basePath%>images/1.jpg" width="150" height="200">
														</c:if>
														<c:if test="${!empty proinfo.product_pic}">
															<img src="<%=basePath%>images/${proinfo.product_pic}" width="150" height="200">
														</c:if>
													</p>
												<a>
												<p>商品名称：<a>${proinfo.product_name }</a></p>
												<p>价格：<a>${proinfo.product_price }</a></p>	
												<p>商品介绍：<a>${proinfo.product_describe}</a></p>
												<p ><i class="am-icon-shopping-basket am-icon-md  seprate" style="margin-top:230px;margin-right:6em;"></i></p>
											</div>
								</c:forEach>					
							</div>
							 --%>
							
							    
							
							
						</div>
					</div>		   			
			<jsp:include page="foot.jsp" ></jsp:include>
		</div>
		</div>
		<!--引导 -->
		<div class="navCir">
			<li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>	
			<li><a href="person/index.html"><i class="am-icon-user"></i>我的</a></li>
		</div>


		<!--菜单 -->
		<div class=tip>
			<div id="sidebar">
				<div id="wrap">
					<div id="prof" class="item ">
						<a href="# ">
							<span class="setting "></span>
						</a>
						<div class="ibar_login_box status_login ">
							<div class="avatar_box ">
								<p class="avatar_imgbox "><img src="images/no-img_mid_.jpg " /></p>
								<ul class="user_info ">
									<li>用户名sl1903</li>
									<li>级&nbsp;别普通会员</li>
								</ul>
							</div>
							<div class="login_btnbox ">
								<a href="# " class="login_order ">我的订单</a>
								<a href="# " class="login_favorite ">我的收藏</a>
							</div>
							<i class="icon_arrow_white "></i>
						</div>

					</div>
					<div id="shopCart " class="item ">
						<a href="# ">
							<span class="message "></span>
						</a>
						<p>
							购物车
						</p>
						<p class="cart_num ">0</p>
					</div>
					<div id="asset " class="item ">
						<a href="# ">
							<span class="view "></span>
						</a>
						<div class="mp_tooltip ">
							我的资产
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="foot " class="item ">
						<a href="# ">
							<span class="zuji "></span>
						</a>
						<div class="mp_tooltip ">
							我的足迹
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="brand " class="item ">
						<a href="#">
							<span class="wdsc "><img src="images/wdsc.png " /></span>
						</a>
						<div class="mp_tooltip ">
							我的收藏
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="broadcast " class="item ">
						<a href="# ">
							<span class="chongzhi "><img src="images/chongzhi.png " /></span>
						</a>
						<div class="mp_tooltip ">
							我要充值
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div class="quick_toggle ">
						<li class="qtitem ">
							<a href="# "><span class="kfzx "></span></a>
							<div class="mp_tooltip ">客服中心<i class="icon_arrow_right_black "></i></div>
						</li>
						<!--二维码 -->
						<li class="qtitem ">
							<a href="#none "><span class="mpbtn_qrcode "></span></a>
							<div class="mp_qrcode " style="display:none; "><img src="images/weixin_code_145.png " /><i class="icon_arrow_white "></i></div>
						</li>
						<li class="qtitem ">
							<a href="#top " class="return_top "><span class="top "></span></a>
						</li>
					</div>

					<!--回到顶部 -->
					<div id="quick_links_pop " class="quick_links_pop hide "></div>

				</div>

			</div>
			<div id="prof-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					我
				</div>
			</div>
			<div id="shopCart-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					购物车
				</div>
			</div>
			<div id="asset-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					资产
				</div>

				<div class="ia-head-list ">
					<a href="# " target="_blank " class="pl ">
						<div class="num ">0</div>
						<div class="text ">优惠券</div>
					</a>
					<a href="# " target="_blank " class="pl ">
						<div class="num ">0</div>
						<div class="text ">红包</div>
					</a>
					<a href="# " target="_blank " class="pl money ">
						<div class="num ">￥0</div>
						<div class="text ">余额</div>
					</a>
				</div>

			</div>
			<div id="foot-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					足迹
				</div>
			</div>
			<div id="brand-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					收藏
				</div>
			</div>
			<div id="broadcast-content " class="nav-content ">
				<div class="nav-con-close ">
					<i class="am-icon-angle-right am-icon-fw "></i>
				</div>
				<div>
					充值
				</div>
			</div>
		</div>
		</form>
		<script>
			window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
		</script>
		<script type="text/javascript " src="basic/js/quick_links.js "></script>
	</body>

</html>